<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商品分类</title>
<style type="text/css">
body,ul,li,h3{ padding:0px;}
.xuxian{ border-top:dotted;}
div{ width:20em;}
body{ background:#999; margin:0px auto;}
.box{ background-color:white; width:230px;}
h3{ background-color:black; color:#FFF; text-align:center;}
dt:nth-child(1){ background-image:url(../pic/icon_01.gif); background-repeat:no-repeat; background-position:left;}
dt:nth-child(2){ background-image:url(../pic/icon_02.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(3){ background-image:url(../pic/icon_03.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(4){ background-image:url(../pic/icon_04.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(5){ background-image:url(../pic/icon_05.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(6){ background-image:url(../pic/icon_06.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(7){ background-image:url(../pic/icon_07.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(8){ background-image:url(../pic/icon_08.gif); background-repeat:no-repeat;background-position:left;}
dt:nth-child(9){ background-image:url(../pic/icon_09.gif); background-repeat:no-repeat;background-position:left;}
dt{ text-indent:2em;}
</style>
</head>

<body>
<div class="box">
<h3>全部分类</h3>
	<dl class="xuxian">
		<dt>护肤</dt>
        	<dd>洁面 化妆水 喷雾 美容液 眼霜</dd>
        	<dd>眼部精华 眼膜 面膜 面膜贴</dd>
        	<dd>水洗面膜 免洗面膜 精华 精油</dd>
        	<dd>凝露 乳液 面霜 日霜 晚霜 </dd>
	</dl>
    <dl class="xuxian">
    	<dt>彩妆</dt>
        	<dd>卸妆 防晒 隔离 BB霜 粉底 粉饼</dd>
        	<dd>睫毛膏 眼影 唇彩 腮红 眼线笔</dd>
        	<dd>底妆 遮瑕 蜜粉 眉笔 美甲</dd>
    </dl>
    <dl class="xuxian">
    	<dt>香氛</dt>
            <dd>男香 女香 小Q装 中性香水</dd>
    </dl>
    <dl class="xuxian">
    	<dt>身体护理</dt>
        	<dd>洗发 护发 沐浴 身体乳 手足护理</dd>
            <dd>护手霜 纤体 身体精油 颈部护理</dd>
            <dd>个人护理 卫生用品 脱毛 </dd>
    </dl>
    <dl class="xuxian">
    	<dt>礼盒套装</dt>
        	<dd>护肤套装 身体护理套装 彩妆套装 </dd>
        	<dd>旅行装 香水套装 男士套装 </dd>
    </dl>
    <dl class="xuxian">
    	<dt>美容工具</dt>
        	<dd>护肤 彩妆 美发 美体 美甲 </dd>
            <dd>美容仪器 其他美容工具</dd>	
    </dl>
    <dl class="xuxian">
    	<dt>母婴专区</dt>
        	<dd>奶粉 尿裤湿巾 母婴洗护</dd>
    </dl>
    <dl class="xuxian">
    	<dt>男士专区</dt>
        	<dd>洁面 爽肤水 面霜  男香</dd>
            <dd>眼霜 凝胶 乳液 精华 沐浴 </dd>
    </dl>
    <dl class="xuxian">
    	<dt>食品保健</dt>
        	<dd>瘦身类 保健类 美容类 食品类 </dd>
    </dl>	
</div>
</body>
</html>
